<template>
    <div>
        <tr>
            <td>书名：</td>
            <td>价格：</td>
            <td>封面：</td>
            <td>操作：</td>
        </tr>
        <tr v-for="(i,j) in booklist" :key="j">
            <td>{{i.name}}</td>
            <td>{{i.price}}</td>
            <td>{{i.img}}</td>
            <td>
                <button @click="show()" value="查看"></button>
                <button @click="del()" value="删除"></button>
            </td>
        </tr>
    </div>
</template>

<script>
import {ZC_BOOK_SHOW} from '../axios_send/api.js'
export default {
    name:"bookshow",
    data(){
        return{
            booklist:"",
        }
    },
    methods:{
        show(){

        },
        del(){

        },
        shows(){
          ZC_BOOK_SHOW()
          .then(res=>{
              console.log(res)
          })
          this.booklist = res.data  
        }
    },
    created(){
        this.shows()
    }
}
</script>

<style>

</style>
